<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>单位信息管理</title>
<link href="../easyui/themes/default/easyui.css" rel="stylesheet"
	type="text/css" />
<link href="../easyui/themes/icon.css" rel="stylesheet" type="text/css" />
<script src="../easyui/jquery.min.js" type="text/javascript"></script>
<script src="../easyui/jquery.easyui.min.js" type="text/javascript"></script>
<!-- <script type="text/javascript" src="../js/checkLogin.js"></script> -->
<script type="text/javascript">
	//datagrid初始化 

	//修改当前信息
	function edit(index) {
		var row = $('#list_data').datagrid('getData').rows[index];
		//alert(row);
		$('#dlg').dialog('open').dialog('setTitle', '修改单位信息');
		$('#fm').form('clear');
		$('#fm').form('load', row);
		url = '/studentmanagement/unit/update.do';
	}

	//创建新单位
	function newUnit() {
		$('#dlg').dialog('open').dialog('setTitle', '创建新单位');
		$('#fm').form('clear');
		url = '/studentmanagement/unit/add.do';
	}

	//保存修改
	function saveUnit() {
		$('#fm').form('submit', {
			url : url,
			onSubmit : function() {
				return $(this).form('validate');
			},
			success : function(result) {
				if (result.status == 0) {
					$.messager.show({
						title : 'Error',
						msg : result.message
					});
				} else {
					$('#dlg').dialog('close'); // close the dialog
					$('#list_data').datagrid('reload'); // reload the user data
				}
			},
			error : function() {
				$.messager.show({
					title : 'Error',
					msg : "修改失败"
				});
			}
		});
	}
	//删除行数据
	function deleteUnit(index) {
		var row = $('#list_data').datagrid('getData').rows[index];
		if (row) {
			$.messager.confirm('提示', '确定删除吗?', function(r) {
				if (r) {
					$.post('/studentmanagement/unit/delete.do', {
						id : row.id
					}, function(result) {
						if (result.status == 1) {
							$('#list_data').datagrid('reload'); // reload the user data
						} else {
							$.messager.show({ // show error message
								title : 'Error',
								msg : result.message
							});
						}
					}, 'json');
				}
			});
		}
	}
	//点击查询按钮时添加查询条件给请求
	function doSearch() {
		$('#list_data').datagrid('load', {
			id : $("#searchId").val(),
			name : $("#searchName").val()
		});
		/* $('#list_data').datagrid({
			queryParams : {
				id : $("#searchId").val(),
				name : $("#searchName").val()
			}
		}); *///点击搜索
	}
</script>
</head>
<body>
	<!-- 工具框 -->
	<div id="tb" style="padding: 3px">
		<span>编号:</span> <input id="searchId"
			style="line-height: 20px; border: 1px solid #ccc"> <span>名称:</span>
		<input id="searchName"
			style="line-height: 20px; border: 1px solid #ccc"> <a
			iconCls="icon-search" href="#" class="easyui-linkbutton" plain="true"
			onclick="doSearch()">查询</a> <br />
		<hr />
		<a href="javascript:newUnit()" class="easyui-linkbutton"
			iconCls="icon-add" plain="true">添加新单位</a>
	</div>
	<!-- 数据表框 -->
	<table id="list_data">
	</table>
	<script type="text/javascript">
		$('#list_data')
				.datagrid(
						{
							title : '单位信息列表',
							iconCls : 'icon-save',//图标 
							width : 'auto',
							height : 'auto',
							nowrap : false,
							autoRowHeight : false,
							striped : true,//设置为true将交替显示行背景。
							border : true,
							collapsible : false,//是否可折叠的 
							fitColumns : true,
							checkOnSelect : false,
							fit : true,//自动大小 
							url : '/studentmanagement/unit/listBySelection.do',
							//sortName : 'id',
							//sortOrder : 'asc',
							remoteSort : false,
							idField : 'id',
							singleSelect : false,//是否单选  设置为true将只允许选择一行。
							pagination : true,//设置true将在数据表格底部显示分页工具栏。 
							rownumbers : true,//行号 设置为true将显示行数。
							queryParams : {
								id : $("#searchId").val(),
								name : $("#searchName").val()
							},
							frozenColumns : [ [ {
								field : 'ck',
								checkbox : true
							} ] ],
							columns : [ [
									{
										field : 'id',
										title : '编号',
										width : 100,
									//sortable : true
									},
									{
										field : 'name',
										title : '名称',
										width : 100,
									//sortable : true
									},
									{
										field : 'stuAmount',
										title : '岗位总人数',
										width : 100
									},
									{
										field : 'timePeriod',
										title : '设岗时间',
										width : 100
									},
									{
										field : 'action',
										title : '操作',
										width : 70,
										align : 'center',
										formatter : function(value, row, index) {
											var s = '<button class="editRow" onclick="edit('
													+ index + ')">修改</button>';
											var c = '<button class="editRow" onclick="deleteUnit('
													+ index + ')">删除</button>';
											return s + c;
										}
									} ] ],
							toolbar : '#tb'
						});
		//设置分页控件 
		var p = $('#list_data').datagrid('getPager');
		$(p).pagination({
			//showPageList:false,
			pageSize : 10,//每页显示的记录条数，默认为10 
			pageList : [ 10, 15, 20 ],//可以设置每页记录条数的列表 
			beforePageText : '第',//页数文本框前显示的汉字 
			afterPageText : '页    共 {pages} 页',
			displayMsg : '当前显示 {from} - {to} 条记录   共 {total} 条记录'
		});
	</script>

	<!-- 下面的是创建或编辑对话框 -->
	<div closed="true" id="dlg" class="easyui-dialog"
		style="width: 400px; height: 280px; padding: 10px 20px"
		buttons="#dlg-buttons">
		<div class="ftitle">单位详细信息填写</div>
		<form id="fm" method="post">
			<table>
				<tr>
					<td>编 号:</td>
					<td><input name="id" class="easyui-validatebox"
						required="true"></td>
				</tr>
				<tr>
					<td>名 称:</td>
					<td><input name="name" class="easyui-validatebox"
						required="true">
				</tr>
				<tr>
					<td>岗位总人数:</td>
					<td><input name="stuAmount" class="easyui-validatebox"
						required="true">
				</tr>
				<tr>
					<td>设岗时间:</td>
					<td><input name="timePeriod" class="easyui-validatebox"
						required="true">
				</tr>

			</table>
		</form>
	</div>
	<!-- 创建或编辑对话框的里面的按钮 -->
	<div id="dlg-buttons">
		<a href="#" class="easyui-linkbutton" iconCls="icon-ok"
			onclick="saveUnit()">保存</a> <a href="#" class="easyui-linkbutton"
			iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')">退出</a>
	</div>
</body>
</html>